<template>
  <header>
    <h1 class="logo">aucoding</h1>
    <el-menu class="menu" mode="horizontal">
      <!-- <el-menu-item index="/">
        代码提交数据
      </el-menu-item> -->
      <!-- <el-menu-item index="editNames">
        编辑学生信息
      </el-menu-item> -->
      <el-menu-item @click="help">
        帮助
      </el-menu-item>
    </el-menu>

  </header>
</template>
<script lang="ts" setup>
const help = () => {
  window.open('https://gitee.com/fanyouf/aucoding#help')
}
</script>
<style lang="scss">
header {
  width:100%;
  display: flex; justify-content: flex-start; align-items: center;
  h1 {
    margin:0;
    padding:0;
    height: 60px;
    width: 107px;
    text-indent: -9999px;
  }
}
.menu {
  flex: 1;
}
.logo {
  background: url(../../assets/logo2.png) no-repeat;
  background-size:contain;
}
</style>
